<!--在用户点击扩展程序图标时（下图中的下载图标），都可以设置弹出一个popup页面。而这个页面中自然是可以包含运行的js脚本的（比如就叫popup.js）。它会在每次点击插件图标——popup页面弹出时，重新载入。-->
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <style>
        body {
            width: 400px;
        }
        form {
            padding: 10px;
        }
    </style>
    <link href="lib/bootstrap.min.css" rel="stylesheet"></link>
    <script src="lib/jquery.min.js"></script>
    <script src="lib/bootstrap.min.js"></script>
    <script src="popup.js"></script>
</head>

<body>

    <form class="bs-example bs-example-form" role="form">
        <div class="form-group">
            <label for="front_alpha">透明度</label>
            <input id="front_alpha" class="form-control" placeholder="透明度" type="number" step="0.1"></input>
        </div>
        <div class="form-group">
            <label for="background_x">left</label>
            <input id="background_x" class="form-control" placeholder="left" type="number"></input>
        </div>
        <div class="form-group">
            <label for="background_y">top</label>
            <input id="background_y" class="form-control" placeholder="top" type="number"></input>
        </div>
        <div class="form-group">
            <label for="scale">缩放</label>
            <input id="scale" class="form-control" placeholder="缩放" type="number" step="0.1"></input>
        </div>
        <!-- <div class="checkbox">
            <label>
              <input type="checkbox">隐藏
            </label>
          </div> -->
        <div>
            <input id="input_file" type="file" name="name" onchange="file_changed()" />
        </div>
    </form>

    <div id="info"></div>
</body>

</html>